<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API</title>
</head>
<link rel="stylesheet" href="./css/API.css">
<link rel="stylesheet" href="./css/common.css">

<body>
    <!-- 顶部导航 -->
    <div class="cf top-img">
        <img src="./img/new-logo-white2.png" alt="">
        <div class="button">
            <a href="./sign.html"><button class="btn">登录</button></a>
            <a href="./register.html"><button class="btns">注册有礼</button></a>
        </div>
        <div class="container top-nav">
            <a href="./index.html">首页</a>
            <a href="./API.html">api</a>
            <a href="#">云服务</a>
            <a href="./case.html">案例</a>
            <a href="#">开发者</a>
        </div>
    </div>
   <!-- api分类 -->
   <div class="container api-class">
    <h2>API分类</h2>
    <div class="api-Class">
        <!-- <a href="#">全部</a>
        <a href="#">生活服务</a>
        <a href="#">金融科技</a>
        <a href="#">交通地理</a>
        <a href="#">充值缴费</a>
        <a href="#">数据智能</a>
        <a href="#">企业工商</a>
        <a href="#">应用开发</a>
        <a href="#">电子商务</a>
        <a href="#">吃喝玩乐</a>
        <a href="#">文娱视频</a>
        <a href="#" class="on">免费接口大全</a>
        <a href="#">吃喝玩乐</a> -->
    </div>
    <div class="tips">
        <strong class="strong">全部</strong>
        <p>
            <input type="text" class="input" placeholder="身份证实名">
            <img src="./img/magnifier.png" alt="">
        </p>
    </div>
</div>
<!-- -------- -->
<div class="container list">
    <ul class="enterprises cf">
        <!-- <li>
            <p class="enterprise onsss">企业专用</p>
            <img src="./img/API11.jpg" alt="">
            <p class="username">身份证实名</p>
            <p class="free ">免费</p>
            <a class="date" href="#">申请数据</a>
        </li>
        <li>
            <p class="enterprise">企业专用</p>
            <img src="./img/API11.jpg" alt="">
            <p class="username">身份证实名</p>
            <p class="free onss">￥0.002/次</p>
            <a class="date" href="#">申请数据</a>
        </li> -->
    </ul>
</div>
<!-- 模态框 -->
<div class="mlode">
    <div class="mlodes">
        <div class="right-content">
            <p class="img">
                <img src="./img/loginlogo.png" alt="">
            </p>
            <p class="account">
                <a href="#" class="ison">账号登录</a>
                <a href="#" class="ons">扫码登录</a>
            </p>
            
            <p>
                <input type="text"  id="username"  placeholder = "请输入用户名">
               
            </p>
            <p> 
                <input type="password"  id="psd" placeholder="请输入密码">
            </p>
    
            <div class="span"><span>忘记密码?</span></div>
            <button type="submit" class="DL">登录</button>
            <div class="qrcode">
                <img src="./img/103-demo.png" alt="">
                <p>微信扫码登陆</p>
                <span>未关注源码公众号，请关注后再扫描</span>
           </div>
            <div class="last">
                <span>还没有原账号</span>
                <a href="./register.html">立即注册</a>
            </div>
            </div>
    </div>
</div>
<!-- 页码 -->
<div class="page container">
    <a href="#" class="active">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    <a href="#">6</a>
    <a href="#">......</a>
    <a href="#">下一页</a>
</div>
 <!-- 底部 -->
 <div class="footers">
    <div class=" container footer">
        <ul class="menu cf">
            <li class="menus">
                <ul class="menu-list">
                    <li class="menu-lists">
                        <h6>联系与支持</h6>
                    </li>
                    <li class="menu-lists">
                        <a href="#">400-882-7715</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">售前咨询</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">客服&售后</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">常见问题</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">极速工单</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">投诉与建议</a>
                    </li>
                    
                </ul>
            </li>
            <li class="menus">
                <ul class="menu-list">
                    <li class="menu-lists">
                        <h6>关于源码</h6>
                    </li>
                    <li class="menu-lists">
                        <a href="#">400-882-7715</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">售前咨询</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">客服&售后</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">常见问题</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">极速工单</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">投诉与建议</a>
                    </li>
                    
                </ul>
            </li>
            <li class="menus">
                <ul class="menu-list">
                    <li class="menu-lists">
                        <h6>快速入口</h6>
                    </li>
                    <li class="menu-lists">
                        <a href="#">400-882-7715</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">售前咨询</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">客服&售后</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">常见问题</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">极速工单</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">投诉与建议</a>
                    </li>
                    
                </ul>
            </li>
            <li class="menus">
                <ul class="menu-list">
                    <li class="menu-lists">
                        <h6>产品服务</h6>
                    </li>
                    <li class="menu-lists">
                        <a href="#">400-882-7715</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">售前咨询</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">客服&售后</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">常见问题</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">极速工单</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">投诉与建议</a>
                    </li>
                    
                </ul>
            </li>
            <li class="menus">
                <ul class="menu-list">
                    <li class="menu-lists">
                        <h6>解决方案</h6>
                    </li>
                    <li class="menu-lists">
                        <a href="#">400-882-7715</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">售前咨询</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">客服&售后</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">常见问题</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">极速工单</a>
                    </li>
                    <li class="menu-lists">
                        <a href="#">投诉与建议</a>
                    </li>
                    
                </ul>
            </li>
            <li class="menus">
                <h6>微信公众号</h6>
                <a href="#" class="on">源码时代</a>
                <img src="./img/103-demo.png" alt="">
            </li>
        </ul>
    
        
        <div class="last-footer">
            <img src="./img/bei1.png" alt="">
            <img src="./img/bei2.png" alt="">
            增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            <span class="last-span">源码大数据股份有限公司©版权所有</span>
        </div>
    </div>
</div>
<script src="./js/API.js"></script>
</body>

</html>